<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>05_新增表单控件属性</title>
</head>
<body>
<form action="#">
  <label>
    账号:
<!--    h5新属性:placeholder:用于作为输入提示,必要但无实际意义,用于文字输入类的表单控件,不能用在按钮上-->
<!--    required表单验证,必须要有值才能提交-->
<!--    autofocus自动获得焦点-->
<!--    autocomplete:自动打开历史记录提示,不能写在密码,单选,多选,多行输入 上-->
<!--    pattern通过正则表达式进行限制,,必须使用required相结合使用,限制不了多行输入textarea标签->
    <input
            type="text"
            name="account"
           placeholder="请输入你的账号"
            required
            autofocus
            autocomplete="on"
            pattern="\w{6}"
    >
  </label>
  <br>
  <label>
    密码:
    <input type="password" name="password" placeholder="请输入你的密码" >
  </label>
  <br>
  性别:
<!--  required放在单选框 男的input中,不一定非得选男,男女之中选一个即可-->
    <label > <input type="radio" value="male" name="gander" required>男</label>
  <label > <input type="radio" value="female" name="gander">女</label>
  <br>
  爱好:
<!--  required放在复选框 抽烟的input中,必须得选中抽烟才可以提交-->
    <label><input type="checkbox" value="smoke" name="hobby" required> 抽烟</label>
    <label><input type="checkbox" value="drink" name="hobby"> 喝酒</label>
    <label><input type="checkbox" value="code" name="hobby"> 敲代码</label>
  <br>
  <label>
    其他:
    <textarea name="other" placeholder="备注"></textarea>
  </label>
  <br>
  <br>
  <button type="submit">提交</button>


</form>
</body>
</html>